<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>作用域链</title>
</head>
<body>

    <script>
        var  c= 100;

        function fun1() {
            var a = 200;//局部
            
            document.write("fun1--a"+a+"<br />")//200
            document.write("fun1--c"+c+"<br />")//100

            function fun2() {
                var b = 300
                document.write("fun1--a"+a+"<br />")//200
                document.write("fun1--b"+b+"<br />")//300
                document.write("fun1--c"+c+"<br />")//100

            }
            fun2()
        }

        fun1()

        // 就近原则
        // 变量的作用域链：一个函数在访问变量的时候，优先使用自己的局部变量，如果没有这个变量的申明，则向上级访问，一直访问到全局。
        // 全局没有的话，报错：  x is  not defined

        // 全局变量污染
        

    </script>
</body>
</html>